<? if (!defined("BASEPATH")) exit("No direct script access allowed");
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
header("Cache-Control: no-cache, must-revalidate");
header("Cache-Control: post-check=0, pre-check=0", false );
header("Pragma: no-cache");
?>

<!doctype html>
<html lang="en">
	<head>
		<title>
			SiteName
		</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta name="viewport" content="width=device-width,initial-scale=1" />
		<meta name="description" content="" />
		<link rel="stylesheet" href="<?=MEDIA?>css/squaregrid.css" />
		<link rel="stylesheet" href="<?=MEDIA?>css/style.css" />
		<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
	<body>

		<? //http://thesquaregrid.com ?>
		<? //$content ?>

		<div id="wrapper"><!-- you need both the wrapper and container -->
			<div id="container">

			<div id="structure">

				<?
				if(isset($content) and $content) {
					echo	$content;
				}
				?>

				</div><!-- end #structure -->

			</div><!-- end #container -->
		</div><!-- end #wrapper -->

		<!-- You may use this controller to switch between grid views.  -->
		<div id="controller">
			<ul>
				<li><a class="x" href="#">X</a></li>
				<li><a class="xy" href="#">&amp;</a></li>
				<li><a class="y" href="#">Y</a></li>
				<li class="selected"><a class="sub" href="#">¼</a></li>
				<li><a class="none" href="#">&Oslash;</a></li>
			</ul>
		</div><!-- end #controller div -->


		<script type="text/javascript"><!-- begin controller javascript -->
			$(document).ready(function(){ $("#controller ul li a").click(function () { var className = $(this).attr('class'); $('#wrapper').css("background-image", "url(<?=MEDIA?>images/sg_grid_" + className + ".png)"); $("#controller ul li").removeClass('selected'); $(this).parent().addClass('selected'); }); });
		</script>

	</body>
</html>